<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>测试存取缓存数据</div>
<script>

    //设置缓存数据
    //setItem()
    //获取缓存
    //getItem()
    var storage = window.localStorage;

    //设置缓存数据
    // storage.setItem('a', 1);
    // storage.setItem('b', 2);
    // console.log(storage.getItem('a'));

    //json对象
    var res={
        with:'10px',
        color:'red',
    }
    console.log(res);

    //存储数据要先将json对象转为字符串来进行存储。
    res=JSON.stringify(res);
    storage.setItem('res',res);
    console.log(storage.getItem('res'));

    //取出缓存数据时要将字符串转为json对象进行取。
    JSON.parse(res);
    console.log(storage.getItem('res'));

</script>
</body>
</html>
